import reportWebVitals from '@/reportWebVitals';
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { ConfigProvider } from './gimd/ConfigProvider';
import './index.css';
import { ScrollBar } from './ScrollBar';
import { DraftsStore } from './store/DraftsStore';
import { GlobalStore } from './store/GlobalStore';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
new ScrollBar({ target: document.getElementById('root')! })
new ScrollBar({ target: document.getElementById('root')!, direction: 'horizontal' })
document.getElementById('no_js')?.remove();

root.render(
  <React.StrictMode>
    <ConfigProvider>
      <GlobalStore.Provider>
        <DraftsStore.Provider>
          <App />
        </DraftsStore.Provider>
      </GlobalStore.Provider>
    </ConfigProvider>
  </React.StrictMode>
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();